<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>梦工厂</title>
    <link rel="stylesheet" href="./style/nomalize.css" type="text/css">
    <link rel="stylesheet" href="./style/base.css" type="text/css">
</head>
<body>
    <header class="header">
      <div class="container">
            <h1 class="logo fl">
                <img src="./images/logo.png">
            </h1>
            <div class="header-right fr">
                <form class="search fr" action="###">
                    <input class="keywords" type="text" placeholder="输入您要搜索的关键字"><input class="search-bth" type="submit" value="搜索">
                </form>
                <ul class="main-nav">
                    <li>
                        <a href="###">首页</a>
                    </li>
                    <li>
                        <a href="###">关于我们</a>
                        <ul class="sub-menu">
                            <li>
                                <a href="###">公司简介1</a>
                            </li>
                            <li>
                                <a href="###">公司简介2</a>
                            </li>
                            <li>
                                <a href="###">公司简介3</a>
                            </li>
                            <li>
                                <a href="###">公司简介4</a>
                            </li>
                            <li>
                                <a href="###">公司简介5</a>
                            </li>
                        </ul>
                    </li>
                    <li><a href="###">企业新闻</a></li>
                    <li><a href="###">成功案例</a></li>
                    <li><a href="###">产品中心</a></li>
                    <li><a href="###">人力资源</a></li>
                    <li><a href="###">联系我们</a></li>
                </ul>
            </div>
      </div>
    </header>
    <div class="banner">
        <div class="wrap">
            <ul class="list">
                <li><a href="###"><img src="./images/banner1.png" ></a></li>
                <li><a href="###"><img src="./images/banner1.png" ></a></li>
                <li><a href="###"><img src="./images/banner1.png" ></a></li>
                <li><a href="###"><img src="./images/banner1.png" ></a></li>
                <li><a href="###"><img src="./images/banner1.png" ></a></li>
            </ul>
            <div class="btn">
                <a href="###"></a>
                <a href="###" class="active"></a>
                <a href="###"></a>
                <a href="###"></a>
                <a href="###"></a>
            </div>
            <a class="btn-left" href="###">
                <img src="./images/banner_pre_btn.png"/>
            </a>
            <a class="btn-right" href="###">
                <img src="./images/banner_next_btn.png"/>
            </a>
        </div>
    </div>
    <div class="notice">
        <div class="container">
            <h3 class="title fl">公告:</h3>
            <div class="wrap fl">
                <ul class="list">
                    <li class="item">
                        <a class="notice-title" href="###">1多迪梦工厂是知名免版税设计作品库之一主要业务为微利正版作品及图片素材服务。</a>
                        <span class="time">[11-12]</span>
                    </li>
                    <li class="item">
                        <a class="notice-title" href="###">2多迪梦工厂是知名免版税设计作品库之一主要业务为微利正版作品及图片素材服务。</a>
                        <span class="time">[11-12]</span>
                    </li>
                    <li class="item">
                        <a class="notice-title" href="###">3多迪梦工厂是知名免版税设计作品库之一主要业务为微利正版作品及图片素材服务。</a>
                        <span class="time">[11-12]</span>
                    </li>
                    <li class="item">
                        <a class="notice-title" href="###">4多迪梦工厂是知名免版税设计作品库之一主要业务为微利正版作品及图片素材服务。</a>
                        <span class="time">[11-12]</span>
                    </li>
                    <li class="item">
                        <a class="notice-title" href="###">5多迪梦工厂是知名免版税设计作品库之一主要业务为微利正版作品及图片素材服务。</a>
                        <span class="time">[11-12]</span>
                    </li>
                </ul>
            </div>
            <div class="share fl">
                <a href="###"></a>
                <a href="###"></a>
                <a href="###"></a>
                <a href="###"></a>
                <a href="###"></a>
                <a href="###"></a>
            </div> 
        </div> 
    </div>
    <div class="channel-1">
        <div class="container">
            <div class="module-box news">
                <div class="box-header">
                    <h3 class="title fl">新闻集团<span>GROUP</span></h3>
                    <a class="more fr" href="###">more</a>
                </div>
                <ul class="list">
                    <li class="item"><a href="###">新闻列表标题XXXXXXXX</a></li>
                    <li class="item"><a href="###">新闻列表标题XXXXXXXX</a></li>
                    <li class="item"><a href="###">新闻列表标题XXXXXXXX</a></li>
                    <li class="item"><a href="###">新闻列表标题XXXXXXXX</a></li>
                    <li class="item"><a href="###">新闻列表标题XXXXXXXX</a></li>
                </ul>
            </div>
            <div class="module-box shop">
                <div class="box-header">
                    <h3 class="title fl">销售动态<span>SHOP</span></h3>
                    <a class="more fr" href="###">more</a>
                </div>
            <div class="btn">
                <a class="btn-left" href="###">left</a>
                <a class="btn-right" href="###">right</a>
            </div>
            <div class="shop-banner">
                <ul class="list">
                    <li class="item">
                        <img class="thumbail" src="./images/sale_pic.png" alt="">
                         <p class="des">多迪梦工厂是知名免版税设计作品库之一主要业务为微利正版作品及图片素材服务。</p>
                    </li>
                    <li class="item">
                        <img class="thumbail" src="./images/sale_pic.png" alt="">
                         <p class="des">多迪梦工厂是知名免版税设计作品库之一主要业务为微利正版作品及图片素材服务。</p>
                    </li>
                    <li class="item">
                        <img class="thumbail" src="./images/sale_pic.png" alt="">
                         <p class="des">多迪梦工厂是知名免版税设计作品库之一主要业务为微利正版作品及图片素材服务。</p>
                    </li>
                    <li class="item">
                        <img class="thumbail" src="./images/sale_pic.png" alt="">
                         <p class="des">多迪梦工厂是知名免版税设计作品库之一主要业务为微利正版作品及图片素材服务。</p>
                    </li>
                </ul>
            </div>
            </div>
            <div class="module-box contact">
                <div class="content">
                    <img class="kefu" src="./images/kefu.png">
                        <h3 class="title-cn">
                          全国免费专线
                         <span>
                             <h3 class="title-en">HOTLINE</h3>
                             <p class="tel">400-123-123456</p>
                         </span>
                        </h3>
                        <div class="lx">          
                            <p class="a">商务热线：020-1234567<img class="p" src="./images/tx.png"></p>                     
                            <p class="a">E-mail:123@123321.com<img class="l" src="./images/tx.png"></p>                     
                        </div>
                    </div>
                </div>
            </div>
    <div class="channel-2">
        <div class="container">
            <div class="module-box product">
                <div class="box-header">
                    <h3 class="title fl">产品中心<span>PRODUCT</span></h3>
                    <a class="more fr" href="###">more</a>
                </div>
                <div class="product-banner">
                    <ul class="list">
                        <li class="list-item">
                            <div class="item">
                                <a href="###"><img src="./images/product_pic1.png" alt=""></a>
                                <h5 class="tips">多迪梦工厂</h5>
                            </div>
                            <div class="item">
                                <a href="###"><img src="./images/product_pic2.png" alt=""></a>
                                <h5 class="tips">多迪梦工厂</h5>
                            </div>
                            <div class="item">
                                <a href="###"><img src="./images/product_pic3.png" alt=""></a>
                                <h5 class="tips">多迪梦工厂</h5>
                            </div>
                            <div class="item">
                                <a href="###"><img src="./images/product_pic4.png" alt=""></a>
                                <h5 class="tips">多迪梦工厂</h5>
                            </div>
                        </li>
                        <li class="list-item">
                            <div class="item">
                                <a href="###"><img src="./images/product_pic1.png" alt=""></a>
                                <h5 class="tips">多迪梦工厂</h5>
                            </div>
                            <div class="item">
                                <a href="###"><img src="./images/product_pic2.png" alt=""></a>
                                <h5 class="tips">多迪梦工厂</h5>
                            </div>
                            <div class="item">
                                <a href="###"><img src="./images/product_pic3.png" alt=""></a>
                                <h5 class="tips">多迪梦工厂</h5>
                            </div>
                            <div class="item">
                                <a href="###"><img src="./images/product_pic4.png" alt=""></a>
                                <h5 class="tips">多迪梦工厂</h5>
                            </div>
                        </li>
                        <li class="list-item">
                            <div class="item">
                                <a href="###"><img src="./images/product_pic1.png" alt=""></a>
                                <h5 class="tips">多迪梦工厂</h5>
                            </div>
                            <div class="item">
                                <a href="###"><img src="./images/product_pic2.png" alt=""></a>
                                <h5 class="tips">多迪梦工厂</h5>
                            </div>
                            <div class="item">
                                <a href="###"><img src="./images/product_pic3.png" alt=""></a>
                                <h5 class="tips">多迪梦工厂</h5>
                            </div>
                            <div class="item">
                                <a href="###"><img src="./images/product_pic4.png" alt=""></a>
                                <h5 class="tips">多迪梦工厂</h5>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="btn">
                    <span class="actove">1</span>
                    <span>2</span>
                    <span>3</span>
                </div>
            </div>
            <div class="module-box swiper">
                <div class="y">
                    <a href="###"></a><img src="./images/shou.png">
                    <h5 class="h">多迪梦工厂</h5>
                </div>
                <div class="btn">
                    <a class="active" href="###">1</a>
                    <a href="###">2</a>
                    <a href="###">3</a>
                    <a href="###">4</a>
                </div>
            </div>
        </div>
    </div>
    <div class="channel-3">
        <div class="container">
            <div class="module-box active">
                <div class="box-header">
                    <h3 class="title fl">活动中心<span>ACTUVE CENTER</span></h3>
                    <a class="more fr" href="###">more</a>
                </div>
                <div class="mlp">
                    <ul class="mlo">
                        <li  >
                            <a href="###"><img class="thumbail" src="./images/chaun.png"></a>
                            <p class="des">传递正能量，普及国学教育</p>
                            <p class="mly">梦工厂是知名免版质免版税模板库中找到税模板库 <a href="###">[全文]</a></p>
                        </li>
                        <li class="mli">
                            <a href="###"><img class="thumbail" src="./images/feiji.png"></a>
                            <p class="des">何做到持续何做持盈利庆</p>
                            <p class="mly">您可以在拥有版税模板库之一主要业海量高品质免对值得您选用]<a href="###">[全文]</a></p>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="module-box">
                <div class="box-header">
                    <h3 class="title fl">媒体报道<span>MEDIA</span></h3>
                    <a class="more fr" href="###">more</a>
                </div>
                <div class="yu">
                    <a href="###"></a><img src="./images/jioatan.png">
                    <p class="hg">梦工厂是知名免版税模板库之一主要业务为微利正版模板及图片素材服务税模主要业税模板库之一主要业可以在拥有海量高品质免版···<a href="###">[全文]</p>
                </div>
            </div>
            <div class="module-box sale">
                <div class="box-header">
                    <h3 class="title fl">销售网络<span>METWORK</span></h3>
                    <a class="more fr" href="###">more</a>
                </div>
                <div class="yu-pl">
                    <img  class="kf" src="./images/ditu1.png">
                    <lu class="ku">
                        <li class="ky"><a href="###">北京</a></li>
                        <li class="ky"><a href="###">上海</a></li>
                        <li class="ky"><a href="###">深圳</a></li>
                        <li class="ky"><a href="###">广州</a></li>
                        <li class="ky"><a href="###">长春</a></li>
                        <li class="ky"><a href="###">沈阳</a></li>
                        <li class="ky"><a href="###">哈尔滨</a></li>
                    </lu>
                </div>
            </div>
        </div>
    </div>
    <div class="bottom-mav">
        <div class="container">
            <dl class="bottom-menu">
                <dt class="title">关于我们</dt>
                <dd><a href="###">公司简介</a></dd>
                <dd><a href="###">领导致辞</a></dd>
                <dd><a href="###">机构设置</a></dd>
                <dd><a href="###">地理位置</a></dd>
                <dd><a href="###">图片介绍</a></dd> 
            </dl>
            <dl class="bottom-menu">
                <dt class="title">我们的产品</dt>
                <dd><a href="###">产品名称第一</a></dd>
                <dd><a href="###">汇源果汁</a></dd>
                <dd><a href="###">娃哈哈矿泉水</a></dd>
                 
            </dl>
            <dl class="bottom-menu">
                <dt class="title">市场活动与促销</dt>
                <dd><a href="###">年底促销</a></dd>
                <dd><a href="###">6.18年中大促销</a></dd>                     
            </dl>
            <dl class="bottom-menu">
                <dt class="title">服务支持</dt>
                <dd><a href="###">售后服务</a></dd>
                <dd><a href="###">资料下载</a></dd>
                <dd><a href="###">招商下载</a></dd>
            </dl>
            <dl class="bottom-menu">
                <dt class="title">合作伙伴</dt>
                <dd><a href="###">网易 搜狐</a></dd>
                <dd><a href="###">新浪 加盟</a></dd>
                <dd><a href="###">中兴 腾讯</a></dd>
                <dd><a href="###">腾讯  </a></dd>
            </dl>
            <div class="tupian"></div>
            <div class="share fl">
                <a href="###">1</a>
                <a href="###">2</a>
                <a href="###">3</a>
                <a href="###">4</a>
                <a href="###">5</a>
                <a href="###">6</a>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="container">
            <div class="top-btn"></div>
            <div class="top-btm"></div>
            <div class="shuzi">
                <ul>
                    <lu class="shuzi-mi">400-123-123456</lu>
                    <lu class="shuzi-mu">© 20010-20011 版权所有 2003 -2010     dodi.cn   分享设计作品？就去多迪梦工厂！</lu>
                </ul>
            </div>
        </div>
    </div>
</body>
</html>